<style>

.vjs-error-display {display:none;}
.vjs-error-display {display:none;}
.video-js .vjs-big-play-button {
    font-size: 2.6em;
    line-height: 1.65em;
    height: 1.8em;
    width: 1.8em;
    display: block;
    position: absolute;
    top: calc(50% - 0.9em);
    left: calc(50% - 0.9em);
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js.vjs-playing .vjs-tech {
    pointer-events: auto;
}
.my-video-dimensions.vjs-fluid {padding-top:0}
</style>
	<div ng-if="pagedata.list" class="fui-goods-group block" style="padding:0">
			<div ng-repeat="item in pagedata.list" class="fui-goods-item content-group" style="background:#fff;width:100%;">
				<div class="merchname subtitle c" style="line-height:1rem">本商品由{{item.merchname || '自营平台'}}专供</div>
				<div ng-click="pagedata.gotoitem(item);" ng-if="!item.video || pagedata.shopset.no_video==1" ng-class="{'image':1, 'echelon':item.active.title}" data-text="{{item.active.title}}" style="position: relative;height:10rem;padding-bottom:0;background: url({{tomedia(item.image) ||'../core/resource/images/nopic.jpg'}}) no-repeat 50%;background-size: cover;">
					<div ng-show="item.total <=0" class="salez" style="background-image: url('{{tomedia(pagedata.shopset.shop.saleout)}}'); "></div>
					<div class="title">{{item.subtitle || '暂时没有商品描述... ...'}}</div>
				</div>
				<div ng-if="item.video && pagedata.shopset.no_video !=1" class="image" style="position: relative;height:10rem;padding-bottom:0;">
					 <video id="my-video" class="video-js vjs-fluid" style="width:100%;height:100%;object-fit:fill" x5-playsinline="" playsinline=""
					  poster="{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}"
					  data-setup='{"controls": true, "autoplay": false}'>
					  <source ng-src="{{tomedia(item.video)}}" type="video/mp4">					 
					</video>
					
				</div>
				<div class="detail">
					<div class="name fui-list-group" style="height:auto;" ng-click="pagedata.gotoitem(item);">
						<div class="fui-list jump" style="padding:0.2rem 0">
							<div class="fui-list-inner" style="border-right: 2px solid #efefef;">
								<div class="title bold"><i ng-show="item.ispresell == 1" class="fui-tag fui-tag-danger">预售</i> {{item.title}}</div>
							</div>
						   <div class="fui-list-media" style="width:3.6rem;text-align:center;padding-left:0.5rem">
								<div class="fui-list-inner">
									<div class="num bold" style="font-size:0.8rem;color:#da7b5f">{{item.likes}}</div>
									<div class="subtitle">关注人数</div>
							   </div>
						   </div>
						</div>
					</div>
					<div class="saletime" style="padding-top:0.5rem;margin-top: 0.3rem;border-top: 1px solid #efefef;">
						<div>
							<span ng-show="pagedata.store.saletime" style="color:#f60">预售时间：{{pagedata.store.saletime || '11月28日'}}</span>
							<span ng-show="!pagedata.store.saletime" style="color:#f60">上架时间：{{item.createtime}}</span>
							<span class="r-f" style="text-align:right">已拼<span style="color:red">{{item.salenum || '1888'}}</span>{{item.unit || '份'}}/限量{{item.total || '6888'}}{{item.unit || '份'}}</span>
						</div>
						<div>
							<span ng-show="pagedata.store.gettime" style="color:#f60">提货时间：{{pagedata.store.gettime || '11月29日'}}</span>
							<span ng-show="!pagedata.store.gettime" style="color:#f60">到货时间：付款的两天后</span>
						</div>
					</div>
					<div class="price" style="margin-top: 0.3rem;">
						<span class="text">￥<span style="font-size:1rem">{{item.active.price || item.price}}</span></span>
						<span ng-if="!item.active.title"  href="javascript:" ng-click="post({'goodsid':item.id},'jy_weishop/goods.detail/addtocart/')" class="jylabel jylabel-red active" style="padding:0.1rem 0.6rem;border-radius:1rem;font-weight:400">加入拼团</span>
						<span ng-if="item.active.title" class="fui-tag-pink-big" style="font-weight:400">{{item.active.title}}</span>
					</div>
					<div ng-if="item.members.length>0" class="fui-cell-group" style="border-top: 1px solid #efefef;">
						<div class="fui-cell" style="padding:0.5rem 0" ng-click="pagedata.gotoitem(item);">
							<div class="fui-cell-info" style="width:9rem">
								<img ng-repeat="m in item.members" class="avatar" style="margin-right:-0.5rem" ng-src="{{tomedia(m.avatar) || '../core/resource/images/nopic.jpg'}}">
								<img ng-if="item.members.length>5" class="avatar" style="margin-right:-0.5rem" src="../addons/jy_weishop/resource/images/avatar-more.jpg">
								<span class="text" style="margin-left:1rem;color: #999;">等购买了此商品</span>
							</div>
							<div class="fui-cell-remark"></div>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div id="showtaobaoke"  class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
			<div class="modal-dialog" style="width:80%;left:10%;">
				<div class="wap-qrcode-container" style="border-radius:0.5rem;height:auto">
					<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
					<p class="example1" style="padding:0.3rem;border-radius:0.5rem;margin:1rem;background:#FFFFCC">{{pagedata.copyinfo}}</p>
					<p ng-click="clip(pagedata.copyinfo)" class="example1 btn btn-sm btn-red-o">复制商品口令</p>
				</div>
			</div>
	</div>
<script>
require(["jquery","videojs"], function($,videojs) {
	videojs("my-video").ready(function(){
	});
});
scope.pagedata.gotoitem=function(item){
	if(item.pluginname=='jy_taobaoke'){
		$('#showtaobaoke').modal();
		scope.pagedata.selectgoods=item;
		scope.pagedata.copyinfo='【'+item.title+'】'+item.active.url+' 点击链接，再选择浏览器打开；或复制这段描述'+item.active.code+'后到《手机淘宝》';
		scope.$evalAsync();
	}else{
		scope.access_json(item.active.url || 'jy_weishop/goods.detail//id='+item.id);
	}
}

scope.tool.get_list('jy_weishop/goods.index/getlist/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_weishop/goods.index/getlist/');
}
</script>
